<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta itemprop="name" content="晶钻工业科技-宁波晶钻工业科技有限公司">
    <meta name="keywords" content="晶钻工业科技、宁波晶钻工业科技有限公司、宁波晶钻">
    <meta name="description" itemprop="description" content="宁波晶钻工业科技有限公司坐落于美丽的东海之滨-宁波市，公司拥有多名跨行业外籍及海归研究员、教授、博士，与中国科学院宁波材料所共建技术研发中心，并同日本、美国多家跨国公司、大学、研究所建立长期战略联盟..." >
    <title>文章展示</title>
    <link rel="shortcut icon" href="../../../logo.ico"/> 
    <link rel="stylesheet" href="__PUBLIC__/css/article_detail.css"/>
</head>
<body>
  <!-- 网站文章展示页头部 start -->
  <include file="Public:header" />
  <!-- 网站文章展示页头部 end -->

  <!-- 网站文章展示页主体 start -->
  <main class="site-article-detail-wrapper wrapper">
    <section class="site-article-detail">
      <div class="article-detail">
        <header class="article-header">
          <h1>Phasellus congue tortor eu massa ticidunt,sollictudin sollictudin sollictudin</h1>
          <a onClick="javascript :history.back(-1);"><i class="icon-back"></i></a>
        </header>
        <div class="article-txt">
          <p>Corem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sitamel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsumsit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sitamel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsumsit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sitamel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsumsit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sitamel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel.</p>
          <img src="__PUBLIC__/img/article/detail/0.png" alt="文章图片">
          <p>Ionic emulates native app UI guidelines and uses native SDKs, bringing the UI standards and device features of native apps together with the full power and flexibility of the open web. Ionic uses Cordova or Phonegap to deploy natively, or runs in the browser as a Progressive Web App.onic emulates native app UI guidelines and uses native SDKs, bringing the UI standards and device features of native apps together with the full power and flexibility of the open web. Ionic uses Cordova or Phonegap to deploy natively, or runs in the browser as a Progressive Web App.onic emulates native app UI guidelines and uses native SDKs, bringing the UI standards and device features of native apps together with the full power and flexibility of the open web. Ionic uses Cordova or Phonegap to deploy natively, or runs in the browser as a Progressive Web App.</p>
          <p>Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sitamel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem bringing the UI standards and device features of native apps together with the full power and flexibility of the open web. amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Lorem ipsum sit amel,Ionic uses Cordova or Phonegap to deploy natively, or runs in the browser as a Progressive Web App.</p>
        </div>
        <footer class="article-detail-tag">
          <a href="#">Work</a>
          <a href="#">Photo</a>
          <a href="#">Art</a>
          <a href="#">Logo</a>
        </footer>
      </div>
    </section>   
  </main>
  <!-- 网站文章展示页主体 end -->

  <!-- 其他文章推荐 start -->
  <aside class="site-other-article">
    <section class="other-article-box">
      <!-- 头部标题 -->
      <header class="other-article-header">
        <h2>Popular Post</h2>
      </header>
      <!-- 文章列表 -->
      <ul class="other-article-list">
        <for start="1" end="7">
          <li>
            <a href="#">
              <img src="__PUBLIC__/img/article/detail/{$i}.png" alt="文章图片介绍">
            </a>
            <div class="article-title">
              <a href="#"><h3>Learn New Ways Of Po Most To Help You</h3></a>
              <span>
                <i class="icon-view"></i>30</span>
            </div>
          </li>
        </for>
      </ul>
    </section>
  </aside>
  <!-- 其他文章推荐 end -->

  <!-- 网站文章展示页底部 start -->
  <include file="Public:footer"/>
  <!-- 网站文章展示页底部 end -->

  <!-- 引入相关的js文件 start -->
  <!-- 条件注释：如果IE浏览器的版本小于9则引入该文件以支持html5的新标签 -->
  <!--[if lt IE 9]>
  <script src="__PUBLIC__/js/html5shiv.js"></script>
  <![endif]-->
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <script src="__PUBLIC__/js/common.js"></script>
  <script src="__PUBLIC__/js/common.js"></script>
  <!-- 引入相关的js文件 end -->
</body>
</html>